<template>
  <div class="home-page">
    <div class="main-center">
      <h1 style="text-align: center;margin-top: 50px"><strong>BROCHURE DOWNLOADS</strong></h1>
      <p style="text-align: center;">Explore our extensive range of courses through our selection of brochure downloads</p>
      <div class="details">
        <p><strong>SCHOOLS AND COLLEGES</strong></p>
        <p>Our Independent Schools in Oxford, England deliver GCSE, IGCSE, A-Level and BTEC courses for students, preparing them for success at leading UK and international universities.</p>
      </div>
      <div class="flex-box">
        <div>
          <img src="../../assets/download/1.jpg" alt="">
          <span>d’Overbroeck’s Sixth Form Prospectus 2021</span>
          <a href="https://issuu.com/oieg/docs/dvb_sixthform-prospectus2021_v9-issuu">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/2.jpg" alt="">
          <span>d’Overbroeck’s International School Prospectus 2021</span>
          <a href="https://issuu.com/oieg/docs/dvb_internationalschool-prospectus2021_v11-issuu">Download Now</a>
        </div>
      </div>

      <div class="flex-box">
        <div>
          <img src="../../assets/download/3.jpg" alt="">
          <span>Oxford Sixth Form College Prospectus 2021</span>
          <a href="https://issuu.com/oieg/docs/oxsfc_college_prospectus_fv_full-2020_digital">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/4.jpg" alt="">
          <span>Oxford Sixth Form College International Foundation Year</span>
          <a href="https://issuu.com/oieg/docs/oxsfc_ify_brochure_july_2020-digital">Download Now</a>
        </div>
      </div>

      <div class="flex-box">
        <div>
          <img src="../../assets/download/5.jpg" alt="">
          <span>Bucksmore Summer 2021</span>
          <a href="https://issuu.com/oieg/docs/bucksmore_summer_2021_brochure">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/6.jpg" alt="">
          <span>Bucksmore Private Groups 2021</span>
          <a href="https://issuu.com/oieg/docs/closed_group_brochure_2021-pages">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/7.jpg" alt="">
          <span>Bucksmore Home Tuition 2021</span>
          <a href="https://issuu.com/oieg/docs/bucksmore_home_tuition_brochure_2021">Download Now</a>
        </div>
      </div>
      <div class="flex-box">
        <div>
          <img src="../../assets/download/8.png" alt="">
          <span>Oxford International College Prospectus 2020</span>
          <a href="https://issuu.com/oieg/docs/oic_prospectus_2020_v14">Download Now</a>
        </div>
        <div></div>
      </div>
      <p style="text-align: center"><strong>UNIVERSITY PARTNERSHIPS</strong></p>
      <p style="text-align: center;margin-bottom: 60px;line-height: 30px">Pathways to higher education through an exciting range of international integrated degree programmes for students from all over the world.
      </p>
      <div class="flex-box">
        <div>
          <img src="../../assets/download/9.jpg" alt="">
          <span>Oxford International College Prospectus 2020</span>
          <a href="https://issuu.com/oieg/docs/oieg_university_partnerships_brochure_2021_22">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/10.jpg" alt="">
          <span>Oxford International College Prospectus 2020</span>
          <a href="https://issuu.com/oieg/docs/dmuic_brochure_2021_22">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/11.jpg" alt="">
          <span>Oxford International College Prospectus 2020</span>
          <a href="https://issuu.com/oieg/docs/bangor_university_international_college_brochure_2">Download Now</a>
        </div>
      </div>


      <div class="flex-box">
        <div>
          <img src="../../assets/download/12.jpg" alt="">
          <span>International College Dundee 2021-2022</span>
          <a href="https://issuu.com/oieg/docs/international_college_dundee_brochure_2021_22">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/13.jpg" alt="">
          <span>University of Greenwich International College 2021-2022</span>
          <a href="https://issuu.com/oieg/docs/university_of_greenwich_international_college_broc">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/14.jpg" alt="">
          <span>Jacobs University International College 2021-2022</span>
          <a href="https://issuu.com/oieg/docs/juic_2020-prospectus_vf">Download Now</a>
        </div>
      </div>

      <p style="text-align: center"><strong>ENGLISH LANGUAGE PROGRAMMES</strong></p>
      <p style="text-align: center;margin-bottom: 60px;line-height: 30px">A comprehensive range of English Language, Specialist Subjects and Activity summer programmes for adults and juniors, designed to support students in improving their English and academic skills.
      </p>

      <div class="flex-box">
        <div>
          <img src="../../assets/download/15.jpg" alt="">
          <span>English Language Courses for Adults 2021</span>
          <a href="https://issuu.com/oieg/docs/english.schools.brochure.2021">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/16.jpg" alt="">
          <span>English Language Courses for Juniors 2021</span>
          <a href="https://issuu.com/oieg/docs/junior.programmes.brochure.21">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/17.jpg" alt="">
          <span>Adult and Junior Year Round Groups 2021</span>
          <a href="https://issuu.com/oieg/docs/year.round.groups.flyer.2021">Download Now</a>
        </div>
      </div>

      <div class="flex-box">
        <div>
          <img src="../../assets/download/18.jpg" alt="">
          <span>Junior British English Olympics (BEO) 2021</span>
          <a href="https://issuu.com/oieg/docs/oxford.international.junior.programmes.beo.brochur">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/19.jpg" alt="">
          <span>Juniors Masters 2021</span>
          <a href="https://issuu.com/oieg/docs/oxford.international.junior.programmes.masters.bro">Download Now</a>
        </div>
        <div>
          <img src="../../assets/download/20.jpg" alt="">
          <span>Teacher Training 2021</span>
          <a href="https://issuu.com/oieg/docs/teacher.training.flyer.2021">Download Now</a>
        </div>
      </div>

    </div>
  </div>
</template>

<script>
  export default {
    name: "index"
  }
</script>

<style scoped lang="scss">
  .main-center {
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 180px;
  }
  .details{
    text-align: center;
    font-size: 18px;
    line-height: 36px;
    color: #303030;
    padding-bottom: 100px;
    a{
      text-decoration: none;
      color: #303030;
    }
  }
  .flex-box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    div{
      display: flex;
      flex: 1;
      flex-direction: column;
      align-items: center;
      margin-bottom: 40px;
      img{
        display: block;
      }
      span{
        margin: 15px auto;
        text-align: center;
        line-height: 30px;
        font-size: 17px;
      }
      a{
        color: #fff;
        padding: 12px 24px;
        background: #32373c;
        text-align: center;
        text-decoration: none;
      }
    }
  }
</style>